<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    


<script>

// 作用域：静态作用域（词法作用域）和动态作用域
// JS使用的是 静态作用域
// 静态作用域（词法作用域）在预解析时，已经确定了作用域链，主要关注的是函数在哪定义，与在哪调用无关
// 动态作用域，主要关注的是函数在哪调用

var num = 10;// 全局变量
function fn1(){// 定义该函数时，作用域链已经确定了
    console.log( num );// 10
}
function fn2(){
    var num = 20;// 局部变量
    fn1();
}
fn2();

</script>
</body>
</html>